﻿﻿body,div,p,form,img,ul,ol,li,b,h1,h2,h3,dl,dt,dd {margin:0; padding:0;border:none;}
li {list-style-type:none;}
body {font-family:Microsoft YAHEI;color:#333; width:100%;background:#fff;}
a{color:#333;font-weight:400;font-family:Microsoft YAHEI;text-decoration:none;}
.clear{LINE-HEIGHT: 0; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}


.ditu{text-align:center;}
.top{width:100%;}
.wrap{width:1200px;margin:0 auto;}


.header_r{float:right; padding-left:45px;margin:33px 0 0 0;background:url(../images/1_09.gif) no-repeat left 4px;font:400 14px/18px "Microsoft YAHEI"; color:#444;}
.header_r font{color:#016ecd;font:900 24px/38px "Microsoft YAHEI";letter-spacing:-1px;}
.logo{float:left;margin:24px 0 0 0;}
.logo_r{float:left;margin:17px 0 0 17px;background:url(../images/1_03.jpg) no-repeat left 7px; padding-left:14px;font:400 16px/28px "Microsoft YAHEI";color:#545454;}
.logo_r span{font:900 23px/44px "Microsoft YAHEI"; color:#000;}
.sjtop{ display:none;}


.indexnav{width:100%;height:54px;background:#000;}<!--background:#003c8e;-->
#head{height:54px;}
.w960{width:1200px;height:54px;margin:0 auto;}
#head_960{Z-INDEX: 111; POSITION: relative;HEIGHT: 54px;}
.fl {FLOAT: left}
#nav {MARGIN-TOP:0;OVERFLOW: hidden;}
#nav LI {FLOAT: left;}
.menu{TEXT-ALIGN:center; WIDTH: 150px; DISPLAY: block; HEIGHT: 54px;font:400 15px/54px "Microsoft YAHEI";color:#fff;}
.menu:hover {TEXT-DECORATION: none;height:54px;background:#016ecd;font:600 15px/54px "Microsoft YAHEI";color:#fff;}
.smenu {TEXT-ALIGN:center; WIDTH:150px; DISPLAY: block; HEIGHT: 54px;font:400 15px/54px "Microsoft YAHEI";color:#fff;}
.smenu:hover {TEXT-DECORATION: none;height:54px;background:#016ecd;font:600 15px/54px "Microsoft YAHEI";color:#fff;}
.navsp{background:#016ecd;font:600 15px/54px "Microsoft YAHEI"; color:#fff;}


.in_nav {POSITION: absolute; TEXT-ALIGN: center;BACKGROUND:#fff;filter:alpha(opacity=90);opacity:0.9;WIDTH:150px; height:auto;DISPLAY: none;padding:6px 0;}
.in_nav LI {WIDTH: 150px; HEIGHT:36px;display:block;float:none;white-space:nowrap;font:400 14px/36px "Microsoft YAHEI";}
.in_nav LI A {BACKGROUND: none transparent scroll repeat 0% 0%; font:400 14px/36px "Microsoft YAHEI";color:#000;}
.in_nav LI A:hover { display:block;BACKGROUND:#016ecd;color:#fff;font:400 14px/36px "Microsoft YAHEI";}


#menu1{left:0;}
#menu2{left:450px;}
#nav_down {POSITION:relative;}


.pro_list {POSITION: absolute; WIDTH: 1200px; DISPLAY: none; BACKGROUND:#fff;filter:alpha(opacity=90);opacity:0.9;TOP: 54px; LEFT: 0px;border-top:#dddddd solid 1px;}
DL.pro_con {TEXT-ALIGN: left;WIDTH: 168px;height:auto;FLOAT: left;PADDING:30px 0 30px 32px;}

.pro_con DT {WIDTH: 136px; HEIGHT: 30px;overflow:hidden;margin-bottom:20px;}
.pro_con DT A {color:#111;FONT-SIZE: 18px;FONT-WEIGHT: bold; line-height:36px;}
.pro_con DT:hover a{color:#016ecd;}
.pro_con DD {LINE-HEIGHT: 36px;WIDTH: 136px;margin-left:-18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_con DD A {line-height:30px;font-size: 14px;}
.pro_con DD span {color:#fff;}
.pro_con DD:hover{background:#016ecd;}
.pro_con DD:hover a{color:#fff;font-weight:bold;}
.pro_con DD:hover span{color:#F00;}


.sjbanner{ display:none;}
.banner{ width:100%; clear:both;}
#flashBg {padding: 0px; margin: 0px; width: 100%;  height: 580px; clear:both; overflow: hidden;  }
#flashLine {width: 100%; height: 580px; clear: both;}
#flash {position:absolute;z-index:-9;padding: 0px; margin: 0px auto; width: 100%;  height: 580px; clear: both; overflow: hidden;}
#flash a {width: 100%; display: none; height: 580px;}
.flash_bar { position: relative; text-align: center; margin: 0px auto; width: 180px;height: 30px; top:520px;overflow: hidden;}
.flash_bar .dq {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop")}
.flash_bar .no {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p2.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop")}


.icon1_tit{margin-top:3%;}
.icon1_tit_t1{font:900 38px/60px "Microsoft YAHEI";text-align:center;color:#000;}
.icon1_tit_t2{text-align:center;margin-top:10px;color:#5f5f5f; font-size:16px;}


.icon1bg_lan{ background:url(../images/1_02.jpg) no-repeat center top; padding:0.1% 0 4% 0; margin-top:2%;}
.icon1bg_lan2{ background:url(../images/1_01.jpg) repeat; padding:0.1% 0 2% 0; margin-top:2%;}


.icon2_tit_t1{font:900 38px/60px "Microsoft YAHEI";text-align:center;color:#fff;}
.icon2_tit_t2{text-align:center;margin-top:10px;color:#fff; font-size:16px;}
.icon2_tit_t1 font{ color:#ff0000; font-size:76px; font-weight:bold;}

.iyoushi_m{margin:2% 0 0 0;}
.iyoushi_m li{ display:inline; background:#fff; width:580px;height:198px; float:left; margin:20px 20px 0 0;}
.iyoushi_pic{float:left;width:220px;}.iyoushi_right{float:left;width:310px;padding:32px 20px 0 30px;}
.iyoushi_pic img{width:220px;height:198px;}
.iyoushi_t1{font:900 24px/30px "Microsoft YAHEI";}
.iyoushi_t2{ height:90px; overflow:hidden; font-size:15px;margin:4% 0 0 0;}
.iyoushi_m li:hover{ background:#016ecd; color:#fff;}


.ipro_title{margin:2% 0 0 0;}
.ipro_title li{display:block;float:left;width:16%;margin:1% 0.6% 0 0; text-align:center; background:#f4f4f4; padding:14px 0;}
.ipro_title li a{ font-size:18px;}
.ipro_title li.ipro_sp{background:#044bac;display:block;}
.ipro_title li.ipro_sp a{ color:#fff;}
.ipro_title li:hover{background:#044bac;display:block;}.ipro_title li:hover a{background:#044bac;color:#fff;}

.ipro_m1{margin:3% 0 0 0;}
.ipro_m1 li{width:373px;margin:0 27px 0 0; float:left;display:inline;}
.ipro_m1 li img{width:373px;height:280px; display:block;}
.ipro_m1 li a:hover img{	
	-webkit-transform: scale(0.96);
	-moz-transform: scale(0.96);
	transition: all 0.5s; 
	-webkit-transition: all 0.5s;}
.ipro_m1 li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center; padding:9px 0;}
.ipro_m1 p a{ font-size:15px;}
.ipro_m1 li.ipro_m1_sp{ display:none;}

a.focus{background:#044bac !important;color:#fff;}
.iprol{width:1200px;margin:0 auto;overflow:hidden;}
#ipro{margin:2% 0 2% 0;}
#ipro a{ display:block;float:left;width:16%;margin:1% 0.6% 0 0; text-align:center; background:#f4f4f4; padding:14px 0;font-size:18px;}
#ipro a:hover{background:#044bac;color:#fff;}
.ipro_m1 {overflow:hidden;}


.module1{width:100%;height: auto;overflow: hidden;}
.module1 .product-box{margin: 30px 0 0 0;}
.module1 .product-box .tab{width:1200px; margin:0 auto;}
.module1 .product-box .tab li{width:16%;text-align: center;float: left;margin:1% 0.6% 0 0; padding:14px 0;background:#f4f4f4;}
.module1 .product-box .tab li:first-child{margin-left: 0;}
.module1 .product-box .tab .active{background:#044bac;color:#fff;}
.module1 .product-box .tab li img{margin-bottom: 12px;}
.module1 .product-box .tab a{font-size: 18px;color: #000000;}


.module1 .product-box .tab-content{width: 100%;height: auto;overflow: hidden;padding: 35px 0 0 0;}
.module1 .product-box .tab-content ul{width:1200px; margin:0 auto;}
.module1 .product-box .tab-content li{width: 100%;}
.module1 .product-box .tab-content_bai{width: 100%;height: auto;background: #fff;overflow: hidden;}
.module1 .product-box .tab-content_bai ul{width:1200px; margin:0 auto;}
.module1 .product-box .tab-content_bai li{width: 100%;}


.module1 .product-box .show{display: block;}
.module1 .product-box .hide{display: none;}
.module1 .product-box dl{width: 31.3%;height: auto;float: left;margin: 1% 2% 1% 0%;}
.module1 .product-box dl dd{width: 100%;height: auto;overflow: hidden;}
.module1 .product-box dl img{width: 100%;transition: all ease 1s; display:block;}
.module1 .product-box dl:hover img{transform: scale(1.1);}
.module1 .product-box dl dt{font-size: 16px;color: #000000;text-align: center;height: 50px;background: #fff;line-height: 50px;transition: all ease 0.5s;}
.module1 .product-box dl:hover dt{background: #1e95f5;color: #fff;}

.iabout_left{width:550px;float:left;margin:4% 0 0 0;}
.iabout_r{width:593px;float:right;margin:4% 0 0 0;}
.iabout_left2{width:550px;float:right;margin:4% 0 0 0;}
.iabout_r2{width:593px;float:left;margin:4% 0 0 0;}

.iabout_txt1{font-size:18px; font-weight:bold; color:#000;}
.iabout_txt2{color:#565656; line-height:22px; height:198px; overflow:hidden; margin-top:5%;}
.iabout_txt2_2{color:#565656; line-height:30px; height:360px; overflow:hidden; margin-top:4%;}
.iabout_lpic{margin:5% 0 0 0;}


.icon1bg_hui{background:#ebeced;margin-top:3%; padding:0.1% 0 3% 0;}
.iproductm li{width:380px;margin:4% 20px 0 0; float:left;display:inline; background:#fff; padding-bottom:1%;}
.iproductm_pic{width:380px;height:266px; overflow:hidden;}
.iproductm_pic img{width:380px;height:266px;}
.iproductm_pic a:hover img{	
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transition: all 0.5s; 
	-webkit-transition: all 0.5s;}

.iproductm_txt{height:84px;overflow:hidden;padding:0 4% 0 4%; line-height:28px; color:#666;}
.iproductm_txt2{padding:4% 4% 2% 4%; height:120px; overflow:hidden; background:#f5f5f5;}


.iproductm_name{padding:4% 4% 1% 4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.iproductm_name a{line-height:36px; font-size:22px;}
.iproductm_name a:hover{color:#fff;}
.casehui li{background:#f5f5f5;}


.iproductm li:hover{background:#003c8e;color:#fff; display:block;}
.iproductm li:hover a{color:#fff;}
.iproductm li:hover .iproductm_txt,.iproductm li:hover .iproductm_txt2{color:#fff;background:#003c8e;}

.iproductm_more{padding:0 0 0 4%;}
.iproductm li.iproductm_yc{ display:none;}


.inewsleft{width:540px;float:left;margin:3% 0 0 0; }
.inewsleft_pic{width:540px;height:360px;overflow:hidden;}
.inewsleft_pic img{width:540px; height:360px;}
.inewsleft_pic a:hover img{	
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transition: all 0.5s; 
	-webkit-transition: all 0.5s;}

.inewsleft:hover .text{background: #1e95f5;color: #fff;}
.inewsleft:hover a{color: #fff;}
.inewsleft .text{padding: 8px 10px; background:#ebeced;}
.inewsleft .text a{ font-size:16px;}



.inewsright{width: 620px;float: right;margin:1% 0 0 0;}
.inewsright li{float:left;width:100%;border-bottom: 1px dashed #d8d8d8;padding:27px 0;}
/*.inewsright li:hover{background: #f2f2f2;}
.inewsright li:hover a{color: #1e95f5;}*/
.inewsright li .time{width: 66px;float: left;text-align: center;color: #fff; background:#cccccc; padding:8px 0;}
.inewsright li .time b{font-size:38px;display: block;color:#fff;line-height: 38px;font-weight: normal;}
.inewsright li .time span{font-size: 14px;display: block;}
.inewsright li .text{float: left;width: 520px;padding-left:18px;line-height: 24px;}
.inewsright li .text h3{margin-bottom: 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.inewsright li .text h3 a{font-weight: normal;font-size:22px;}
.inewsright li .text p{line-height:24px;height:48px;overflow:hidden; color:#5e5e5e;}


.ilink_bg{width:100%;background:#ebeced;padding:5px 0;}
.ilink_con{line-height:40px; }
.ilink_con span{font:900 16px/40px "Microsoft YAHEI";}
.ilink_con a{line-height:40px; margin-right:11px;}


.footer_bg{width:100%;height:auto;background:#144b97;margin-top:3%; padding:2.5% 0;}
.footer_l{float:right;display:inline;width:490px;color:#fff;font:400 15px/35px "Microsoft YAHEI";}
.footer_l img{float:left; width:151px; height:151px; margin:0 35px 50px 0;}
.footer_l span{color:#fff;font:400 20px/20px "Microsoft YAHEI";}
.footer_l a{color:#fff;}


.footer_c1_t{margin-bottom:1%;}
.footer_c1_t a{color:#fff;font:400 20px/20px "Microsoft YAHEI";}

.footer_c2{width:210px;float:left;display:inline;}
.footer_c2_m{width:210px;margin:22px 0 0 0;}
.footer_c2_m li{display:block;width:210px;white-space:nowrap;overflow:hidden;}
.footer_c2_m li a{color:#fff;font:400 15px/31px "Microsoft YAHEI";}
.footer_c2_m li a:hover{color:red;}

.ifooter{width:100%;height:40px;background:#002d6a;padding:10px 0;}
.ifooter_c{color:#fff; line-height:40px;}
.ifooter_c a{color:#fff; line-height:40px;}

.rtop{position:fixed;bottom:100px; right:8px;}
.fdh{ display:none;}

.sub_banner{width:100%;height:398px;}

.maincont_bg{padding:4px 0;background:#f2f2f2;}

.a_title{text-align:center; border-bottom:#e7e7e7 solid 1px;margin:2.5% 380px 0 380px;}
.a_title a{margin:0 14px 0 0;font:400 15px/50px "Microsoft YAHEI";display:inline-block; width:120px; text-align:center; font-size:16px;}
.a_title a.a_title_sp{border-bottom:#f40000 solid 3px;}
.a_title a:hover{border-bottom:#f40000 solid 3px;}


.inew{ margin-top:3%;}
.inew_pic{width:240px;float:left; margin:0 23px 0 0; overflow:hidden;}
.inew_pic img{ width:240px; height:165px;}

.inew_txt11{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inew_txt11 a{font:400 24px/30px "Microsoft YAHEI";}
.inew_txt22{ height:60px; overflow:hidden; color:#747474;margin:2% 0 0 0; line-height:30px;}
.inew_more a{color:#2596e4;margin:1% 0 0 0;}


.newscon{margin:1% 0 0 0;}
.newscon li{float:left;width:100%;border-bottom: 1px dashed #d8d8d8;padding:27px 0;}
.newscon li:hover{background:#f9f9f9;}
.newscon li:hover a{color: #016ecd;}
.newscon li .time{width: 66px;float: left;text-align: center;color: #fff; background:#cccccc; padding:8px 0;}
.newscon li .time b{font-size:38px;display: block;color:#fff;line-height: 38px;font-weight: normal;}
.newscon li .time span{font-size: 14px;display: block;}
.newscon li .text{float: left;width: 1114px;padding-left:18px;line-height: 24px;}
.newscon li .text h3{margin-bottom: 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newscon li .text h3 a{font-weight: normal;font-size:22px;}
.newscon li .text p{line-height:24px;height:48px;overflow:hidden; color:#5e5e5e;}


.btn_next{margin:36px 0 0 0; text-align:center;}
.btn_next a{color:#444;padding:2px 6px; background:#fff; border:#000 solid 1px;line-height:12px; margin-right:8px; font-size:12px;}
.btn_next a:hover{color:#fff; background:#016ecd; padding:2px 6px; line-height:12px;font-size:12px;border:#016ecd solid 1px;}
.btn_next .s2{color:#fff;background:#016ecd; padding:2px 6px;line-height:12px;font-size:12px;border:#016ecd solid 1px;}


.news_bt1{text-align:center;font:400 26px/30px "Microsoft YAHEI";margin:3% 0 0 0;}
.news_bt2{font:400 14px/46px "Microsoft YAHEI";color:#656565;border-top:#d8d8d8 solid 1px;margin:1.8% 0 0 0; padding-top:1%;}
.news_bt2_r{ float:right;}.news_bt2_l{ float:left;}
.newsxx_con_m1{margin-top:3%;}

.news_list2{margin:3% 0;border-top:#d8d8d8 dotted 1px;border-bottom:#d8d8d8 dotted 1px; padding:1% 0;}
.news_list2 li{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;color:#016ecd;}
.news_list2 a{line-height:36px; font-size:13px;color:#656565;}
.news_list2 a:hover{line-height:36px; font-size:13px;text-decoration:underline;}


.acase_con{height:auto;padding:35px 0 0 0;}
.acase_con li{width:395px;margin:5px 5px 0 0; float:left;display:inline;}
.acaseimg{width:395px;height:295px;overflow:hidden;}
.acaseimg img{width:395px;height:295px;}
.acase_con li:hover img{	
	-webkit-transform: scale(1.2);/*图片放大倍数*/ 
	-moz-transform: scale(1.2);
	transition: all 0.5s; 
	-webkit-transition: all 0.5s;}
.acasetxt3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:14px 0;font-size:15px; line-height:30px;text-align:center;border-bottom:#eeeeee solid 2px;}
.acase_con li:hover{background:#016ecd;}
.acase_con li a:hover{color:#fff;}


.acase_con_4{height:auto;padding:35px 0 0 0;}
.acase_con_4 li{width:295px;margin:5px 5px 0 0; float:left;display:inline;}
.acaseimg_4{width:295px;height:212px;overflow:hidden;}
.acaseimg_4 img{width:295px;height:212px;}
.acase_con_4 li:hover img{	
	-webkit-transform: scale(1.2);/*图片放大倍数*/ 
	-moz-transform: scale(1.2);
	transition: all 0.5s; 
	-webkit-transition: all 0.5s;}


.videoxx,.casexx{margin-top:3%; text-align:center;}
.about_con{ margin-top:3%;}


.contact1{ float:left;font:400 16px/36px "Microsoft YAHEI";margin:60px 0 0 0; }
.contact1 span{font:900 22px/50px "Microsoft YAHEI";color:#000;}
.contact1 a{font:400 16px/36px "Microsoft YAHEI";}
.contact2{ float:right;margin:60px 0 0 0;}
.contact1 img{margin:19px 0 0 0;}



.p_left{FLOAT: left;margin:38px 0 0 0;BORDER:#e9e9e9 1px solid;padding:3px;}
.p_left IMG{WIDTH: 580px; HEIGHT: 445px;}

.proxx1_r{float:right;width:570px;margin:38px 0 0 0;}
.proxx1_name{font:900 24px/30px "Microsoft YAHEI"; color:#000;}
.proxx1_m1{font:400 14px/36px "Microsoft YAHEI";margin:26px 0 0 0;height:auto!important;height:252px; max-height:252px; overflow:hidden;}
.proxx1_m1 span{font:600 16px/36px "Microsoft YAHEI";}
.proxx1_m2 img{ margin:27px 0 0 0;}



.proxx_tit{font:900 22px/32px "Microsoft YAHEI"; background:url(../images/1_04.jpg) no-repeat left bottom;padding-top:3%;}
.proxx_tit img{ float:left; margin:9px 9px 0 0;}

.proxx_title li{display:block; width:19.5%;text-align:center;margin:3% 0.5% 0 0; float:left; background:#f7f7f7;}
.proxx_title li a{line-height:50px; font-size:18px;}
.proxx_title li a:hover{background:#016ecd;color:#fff; display:block;}
.proxx_title li.proxx_tit_sp{background:#016ecd;}
.proxx_title li.proxx_tit_sp a{color:#fff;}


.message{ margin-top:27px; font-weight:bold;}
.message span{color:#d62012; font-weight:bold;}

.footer_code{display:none;}


/** index about start **/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container:after,.container:before{display:table;content:" "}
.container:after{clear:both}

.index_title{ position:relative; width:100%; height:100px; line-height:100px;}
.tit_yy{ font-size:86px; font-weight:bolder; color:#ebebeb; font-family:Arial, Helvetica, sans-serif;}
.index_tit{ font-size:34px; color:#282828; position:absolute; height:100px; line-height:100px;  top:0px;}
.pt_80{ padding-top:80px;margin-bottom:30px;}
.container {margin:0 auto;}
.pd_30{ padding-bottom:10px;}
.index_about{  color:#777; margin-top:10px; line-height:28px;}
a.look_more{ display:inline-block; width:150px; height:42px; line-height:42px; color:#fff; background:#0054a3;  padding-left:23px; margin-top:10px;}
a.look_more p{float:left;height:42px;width:60px;font-size:14px;}
a.look_more span{ float:left;height:42px; width:44px;border-left:1px solid #6698c8; display:inline-block; margin-left:23px; padding-left:13px;padding-top:13px;}
a.look_more:hover{ color:#fff; opacity:0.8;}
.rig_rel{ float:left; width:100%; margin-top:15px;}
.rig_rel img,.rig_rel video {width:100%; }

/*工具 contorl about */ 
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
/* 等比填充  contorl about */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}

.bgf{ background: #fff;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: "";height: 0;clear: both;}
.clearfix{*zoom: 1;}
.textOverflow{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.textOverClm{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; display: -moz-box;-moz-box-orient: vertical;}
.tc{text-align: center;}

.thisclass {display: inline-block;line-height: 32px;font-size: 14px;padding: 0 11px;margin: 0 5px 5px;color: #e6482f;border: 1px solid #e6482f;}
.pagelist {overflow:hidden;width:60%;margin:0 auto;}
.pagelist li {float:left;line-height:30px;}

.ban_yd{ display:none;}
.ban_pc{ display: block; margin: 0 auto; }
.wz{ /*width:100%;*/ border-bottom:1px solid #ddd; overflow:hidden; margin-bottom: 10px;text-align: left;}
.wz p{height:40px; line-height:40px;font-size:15px;color:#8a8a8a; }
.wz p img{display: inline-block; width:17px; height:17px;border-radius:50%; vertical-align:middle; margin-right:5px; margin-bottom: 3px; overflow:hidden;}
.wz p i{color: #f64801;}
.pro_banner .wz{text-align: left; border-bottom: 1px solid #eee;}
.pro_con{ width:100%; margin:0px auto;}
.pro_name{ width:100%; text-align:center;}
.pro_name h1{ font-size:40px;}
.pro_name p{ font-size:16px; line-height:44px;}
.con_list{ width:100%; padding:40px 0; margin-top:20px; overflow:hidden;}
.con_list ul{ max-width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.con_list ul dl{ float:left; width:23%; margin-right:2%;}
.con_list ul dl h2{ color:#333; font-size:30px;line-height: 50px;overflow: hidden;}
.con_list ul dl h2 a{ color:#333;}
.con_list ul dl h2 a:hover{ color:#ff3f3c;}
.con_list ul dl img{ width:50px; margin-right:8px;vertical-align:middle;}
.con_list ul dl lt{ font-size:16px; line-height:30px; padding:10px 0;}
.con_list ul dl ld a.list_btn{ display: block; background: rgba(13,115,249,0.7); width: 80%; color: #fff;float: left; font-size: 20px;line-height:46px;text-align: center;}
.con_list ul dl ld a.list_btn img{ width:40px; margin-left:15px; vertical-align:middle;}
.con_list ul dl ld a.list_btn:hover{background:#000;}
.con_list ul li{ float:left; width:23%; margin-right:2%;}
.con_list ul li a{ display: block; font-size:18px; text-align:center; line-height:44px; overflow:hidden; background-color:#f3f3f4;}
.con_list ul li img{ transition:all 0.5s ease; width:100%;}
.con_list ul li img:hover{ transform:scale(1.1) translate(0,-5px);}
.con_lists{ background-color:#f3f3f4;}
.con_lists ul li a{ background-color:#fff;}
.con_list ul dl.con_place{ float:right;}
.con_list .sj_con_list {display:none;}

@media (max-width : 1024px) {
.container {max-width: 98%;width: 98%;}
}

@media (max-width:999px) {
.wrap{width: 98%;}
.pro_con{ width:100%; margin:-10px auto 0;}
.pro_name{ display:none;}
.con_list{ width:100%; padding:10px 0 15px; margin-top:10px; overflow:hidden;}
.con_list ul{ max-width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.con_list ul dl{ width:100%; text-align:center;}
.con_list ul dl h2{ color:#333; font-size:28px; margin:10px auto 0;}
.con_list ul dl h2 a{ color:#333;}
.con_list ul dl h2 a:hover{ color:#ff3f3c;}
.con_list ul dl img{ width:46px; margin-right:5px;}
.con_list ul dl lt{ font-size:16px; line-height:30px; padding:5px 0 15px;}
.con_list ul dl ld{ display:none;}
.con_list ul li{ float:left; width:32%; margin:0 0.65%;}
.con_list ul li a{ display: block; font-size:18px; text-align:center; line-height:44px; overflow:hidden; background-color:#f3f3f4;}
.con_list ul li img{ transition:all 0.5s ease; width:100%;}
.con_list ul li img:hover{ transform:scale(1.1) translate(0,-5px);}
.con_lists{ background-color:#f3f3f4;}
.con_lists ul li a{ background-color:#fff;}
}

@media (max-width : 990px) {
.container {max-width: 99%;width: 99%;}
}

@media (max-width:768px){
.tit_yy{ font-size:60px;}
.index_tit{ font-size:22px;}
.index_about{ line-height:24px;}
.index_title,.index_tit{ height:50px; line-height:50px;}
.rig_rel{margin-top:0px;}
.pt_80{ padding-top:40px;}
a.look_more{ margin-top:0px;}
.about_us04 img{width:100%;}
.pagelist {width:100%;margin-bottom:6%;}
.ban_pc{ display:none;}
.ban_yd{ width:100%;display:block;}
.pro_con{ width:98%; margin:0 1% 5%;}
.pro_name{ display:none;}
.con_list{ width:100%; padding:10px 0 15px; margin-top:0; overflow:hidden;}
.con_list ul{ max-width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.con_list ul dl{ width:100%; text-align:center;}
.con_list ul dl h2{ color:#333; font-size:20px; margin:10px auto 15px;}
.con_list ul dl h2 a{ color:#333;}
.con_list ul dl h2 a:hover{ color:#ff3f3c;}
.con_list ul dl img{ width:32px; margin-right:5px;}
.con_list ul dl lt{ display:none;}
.con_list ul dl ld{ display:none;}
.con_list ul li{ float:left; width:32%; margin:0 0.65%;}
.con_list ul li a{ display: block; font-size:14px; text-align:center; line-height:30px; overflow:hidden; background-color:#f3f3f4;}
.con_list ul li img{ transition:all 0.5s ease; width:100%;}
.con_list ul li img:hover{ transform:scale(1.1) translate(0,-5px);}
.con_lists{ background-color:#f3f3f4;}
.con_lists ul li a{ background-color:#fff;}
.wz{ display:block;}
}

@media (max-width:640px){
.con_list .sj_con_list {display:block;}
}

@media (max-width:480px){
.con_list ul{ margin-left:-2%;}
.con_list ul li{ width:48%; margin:0 0 0 2%;}
.con_list ul li:last-child{ display:none;}
.cont1 h1{ margin-bottom:0;}
}
	
@media (min-width:768px) {
.container{width:750px}
}

@media (min-width:1410px) {
.container {max-width: 1170px;width: 1170px;}
.col-lg-5,.col-lg-7{float:left}
}

@media (min-width:1570px) {
.container {max-width: 1170px;width: 1170px;}
.col-lg-5,.col-lg-7{float:left}
}

@media (min-width:1890px) {
.container {margin:0 auto;max-width: 1370px;width: 1370px;}
.col-lg-5,.col-lg-7{float:left}
}

/** index about end **/

/** index advantages start **/

.advantage_bg{background: url(../images/advantage.png) top center no-repeat;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.advantage_head{margin-bottom:40px;}
.advantage_head h2{ margin: 0px; padding: 0px;text-align: center; color: #fff; font-size: 20px; padding-top: 24px;}
.advantage_head h2 span{font-size: 32px; font-weight: bold;}
.advantage_head p{text-align: center; color: #a0edf7; padding-top: 10px;margin: 0 0 10px;}
.advantage_ehead h2{text-align: center; color: #fff; font-size: 24px; padding-top: 34px;}
.advantage_ehead p{text-align: center; color: #a0edf7; padding-top:8px;}
.advantage_list_one{padding: 20px 10px 10px 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.advantage_list_one img{ max-width: 480px; float: left; margin: 0px 90px 30px 70px;}
.advantage_list_one h3{color: #ed7514;font-size: 30px; font-weight: bold;}
.advantage_list_one p{color: #999999; font-size: 14px; line-height: 28px; margin-top: 20px;text-indent:2em;}
.advantage_btn{display: inline-block; width: 180px; padding: 10px 0px; text-align: center; background-color:#004890; color: #fff; text-decoration: none; margin-top: 15px;margin-bottom: 15px;}
.advantage_btn:hover,.advantage_btn:focus{color: #fff;background-color: #ed7514;text-decoration: none;}
.advantage_list_two{padding: 20px 10px 10px 10px;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.advantage_list_two img{float: right;max-width: 500px; margin: 20px 70px 30px 50px;}
.advantage_list_two h3{color: #ed7514;font-size: 30px; font-weight: bold; margin-top: 40px;}
.advantage_list_two p{color: #999999; font-size: 14px; line-height: 28px; margin-top: 20px;text-indent:2em;}
.advantage_clear{clear: both;}
.row {margin-right: -15px;margin-left: -15px;}
.row:before,.row:after{display: table;content: " ";}
.col-xs-12, .col-sm-12, .col-md-12{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-12 {float: left;width: 100%;}


/*小屏幕*/
@media screen and (max-width: 768px) {
      .advantage_bg{background: url(../images/advantage_mobile.png) top center repeat-x;}
      .advantage_head,.advantage_ehead{margin-bottom: 35px;}
      .advantage_head h2{line-height: 30px; padding:20px 25px 0px 25px;}
      .advantage_ehead h2{line-height:28px;padding-top: 25px; font-size: 22px;}
      .advantage_head h2 span{font-size: 24px;}
      .advantage_ehead p{display: none;}
      .advantage_list_one img,.advantage_list_two img{width: 100%; max-width: 340px;margin: 0px 0px 30px 10px;}
      .advantage_list_one h3,.advantage_list_two h3{font-size:24px; text-align: center;line-height: 32px;}
      .advantage_list_one p,.advantage_list_two p{text-align: left;margin-top: 14px;}
      .advantage_btn{display: block;  width: 180px; margin: 0 auto; margin-top: 15px; margin-bottom: 20px;}
}

@media screen and (min-width:767px) and (max-width:768px) {
    .advantage_head p,.advantage_ehead p{display:block;}
    .advantage_list_one a.advantage_btn{float: right;}
    .advantage_list_two a.advantage_btn{float: left;}
    .advantage_list_one p{text-align: right;}
    .advantage_list_two p{text-align: left;}
}

/*大屏幕*/
@media screen and (min-width: 769px) {
  .advantage_list_one img{max-height: 310px;}
}

@media (min-width: 769px) {   /* control about and advantage */
  .container {width: 750px;}
  .col-sm-12 {float: left;;width: 100%;}
}

@media (min-width: 992px) {   /* control about and advantage */
  .container {width: 970px;}
  .col-md-12 {float: left;width: 100%;}
}
@media (min-width: 1200px) {   /* control about and advantage */
  .container { width: 1170px;}
  .col-lg-5,.col-lg-7{float: left;}
  .col-lg-7 {width:42.33333333%;padding-right:2%}
  .col-lg-5 {width:54.66666667%;}
}

/** index advantages end **/

/** index hezuohuoban start **/

.ind_wrapper{padding-left: 8%;padding-right: 8%;font-size:16px;}
.ind_box5{margin-top: 5% ; }
.ind_box5_l,.ind_box5_r{width: 50%;}
.ind_box5_l img{display: block;max-width: 100%;margin: 0 auto;}
.ind_box5_r{display:flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items:center;-webkit-align-items: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;
border-top:1px solid #e4e3e7;}
.ind_box5_r dd{width: 33.33%;border-right: 1px solid #e4e3e7; border-bottom: 1px solid #e4e3e7;}
.ind_box5_r dd:nth-child(3n){border-right: 0;}
.ind_box5_r dd a{padding: 8% 0;height: 100px;display:flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items:center;-webkit-align-items: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;background: #fff;}
.ind_box5_r dd a img{display: block;max-width: 100%;max-height: 100%;}
.ind_box5_r dd a:hover{transform: scale(1.03,1.03);-webkit-transform: scale(1.03,1.03);box-shadow: 0 0 5px rgba(115,115,115,.3); }
.bgf8{background: #ebeced;}
.sub_title1{display: block;color: #000;}
.sub_title1 .tt1{text-align:center;font-size: 36px;padding: 3% 0;}

@media screen and (min-width: 768px) and (max-width: 991px){
  .ind_wrapper{padding-left: 3%;padding-right: 3%;}
  .ind_box5_l, .ind_box5_r{width: 100%;margin-bottom: 2%;}
  .sub_title1{margin-bottom: 15px;}
  .sub_title1 .tt1{font-size: 30px;}
  .sideq{ display:none;}
}

@media screen and (min-width: 300px) and (max-width: 767px){
  .ind_wrapper{padding-left: 3%;padding-right: 3%;}
  .ind_box5_l, .ind_box5_r{width: 100%;margin-bottom: 2%;}
  .sub_title1{margin-bottom: 12px;}
  .sub_title1 .tt1{font-size: 24px;}
}

/** index hezuohuoban end **/

/*浮动客服*/
.sideq{ width:80px; height:204px; position:fixed; z-index:9999; top:25%; right:0;}
.sideq li{ height:80px; width:auto; float:right; margin-bottom:1px; position:relative;}
.sidebox2{ width: 80px; height: 80px; background-color:rgba(13,115,249,0.7); padding-top: 15px; float: left; overflow: hidden; line-height: 30px; font-size: 14px; text-align: center; color: #fff;}
.sidebox2 img{ width:26px; height:26px; margin: auto; display:block;}
.sideq li p{ display:none; width:120px; position:absolute; right:80px; bottom:0; background-color:rgba(13,115,249,0.7); padding:10px;}
.sideq li p img{ width:100%; display:block;}
.sideq li:hover p{ display:block;}

/*xunrui分页样式*/
.pagination {
    display: inline-block;
    padding-left: 30%;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }